<template>
	<view class="goodFooter">
		<u-icon name="home" color="#21231e" size="60" class="goodFooterIcon" label="店铺" label-pos='bottom' label-size='18'></u-icon>
		<u-icon name="shopping-cart" color="#21231e" size="60" class="goodFooterIcon" label="购物车" label-pos='bottom'label-size='18'></u-icon>
		<u-button type="warning" size="mini "class="goodFooterButton" :custom-style="customStyle" loading shape="square">加入购物车</u-button>
		<u-button type="error" size="mini " :custom-style="customStyle">立刻购买</u-button>
	</view>
</template>

<script>
export default {
	name: 'goodFooter',
	data() {
		return {
			customStyle:{
				height: '60rpx',
				width: '150rpx',
				
			}
		};
	}
};
</script>

<style lang="scss" scoped>
.goodFooter {
	position: fixed;
	bottom: 0;
	width: 100%;
	display: flex;
	align-items: center;
}
.goodFooterIcon{
	margin-right: 50rpx;
	margin-left: 50rpx;
}
.goodFooterButton{
	margin-left: 80rpx;
}
.customStyle{
	height: 50rpx;
	width: 100rpx;
}
</style>
